﻿

    // 订单总共的数据
    var mydata = [];    
    // 用户信息数据
    var userdate = [];
    
    //当前是什么玻璃
    var bo='D';
    //条件是什么
    var orderid='';
    //生成超期天数
    var _cqval=4;
    
     //退出按钮
    function del(e){
        window.location.href='./login.html';
    }
    
    //点击触发事件
    function login(){
//alert(0);
        $.ajax({
            type: "post", //post put get 等等  http://img.zhangjiankeji.cn/  DStuCus
            url: "http://img.zhangjiankeji.cn/StuWeb/ashx/DStuCus.ashx",//"http://img.zhangjiankeji.cn/ashx/WebFormBLSC.ashx",
            data: { //要传入ashx文件的数据
                "OnLogin": "19923860404",  
                "DBIndex": 0,  
                "UserName": '00A',  
                "Pwd": '111111', 
                "CQ":_cqval,
                "orderid": $("#orderid").val(),
                "Key": bo,
                "begin": $("#firstname").val(),
                "end": $("#lastname").val()
            },
            success: function(data, textStatus) { alert(data);//alert(data.AA);alert(data.BB);
//                console.log(data);
//                 d2_title.innerHTML =``;
                  d2.innerHTML=``;	
                  d1.innerHTML=``;	
                  console.log(JSON.parse(data));
               if(data=="错误提示：')' 附近有语法错误。"||data=="请选择查询日期！"){
                     alert('输入错误,请重新输入查询日期!');
               }else{              
                   //获取数据进行赋值使用
                  var all= JSON.parse(data);
                     userdate= all.AA;
                     mydata=all.BB;
               }
//               alert(mydata);
//               alert(mydata);
//               alert(mydata[1]);
                
                //连接至ashx文件成功时，执行函数
                //data是从ashx文件返回来的信息，可以是字符串也可以是一个对象
                //如果data是字符串，则可以输出data的值
                //如果data是对象，则可以将这个对象的各属性值赋给其他变量
                //textStatus是表示状态的字符串，这里textStatus的值是"success"

                // 函数的调用-(不同的玻璃调不同的函数)
                if(bo=='D'){
                    show(mydata);
                }else if(bo=='Z'){
                    show_z(mydata);
                }else if(bo=='J'){alert(bo);
                    show_j(mydata);
                }
                
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert(121);
                alert(errorThrown);
                //连接至ashx文件失败时，执行函数
                //XMLHttpRequest在这个例子里没有用到
                //textStatus是表示状态的字符串，这里textStatus的值是"error"
                //errorThrown包含连接失败的信息，可以输出查看
            }
        });

    }
    
    //切片提交事件
    function Login_WG(e,CusOrderOutID) {
        //获取切片提交的,信息
         var cbxval = $(e.target).prev().prev().val();
         var txtval = $(e.target).prev().val();
//         if( cbxval.trim()!=''&&txtval.trim()!=''){
        //开始ajax请求数据
        $.ajax({
            type: "post",  //post put get 等等
            url: "ashx/WebFormBLSC_WG.ashx", //"http://img.zhangjiankeji.cn/ashx/WebFormBLSC_WG.ashx",
            data: {  //要传入ashx文件的数据

//                //测试的时候要做身份验证 开始
//                "OnLogin": "19923860404",
//                "DBIndex": 0,
//                "UserName": '00A',
//                "Pwd": '111111',
                //测试的时候要做身份验证 结束
                "CQ":_cqval,
                "ComBox": cbxval,
                "TextBox": txtval,
                "CusOrderOutID": CusOrderOutID

            },
            success: function(data, textStatus) {
                console.log(data);
                if(data=='Success'){ login();alert("操作成功！");}
//                if (data == "login") { document.location.href = 'login.htm'; }
                else { alert(data); }
                //连接至ashx文件成功时，执行函数
                //data是从ashx文件返回来的信息，可以是字符串也可以是一个对象
                //如果data是字符串，则可以输出data的值
                //如果data是对象，则可以将这个对象的各属性值赋给其他变量
                //textStatus是表示状态的字符串，这里textStatus的值是"success"

            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert(121); alert(errorThrown);
                document.location.href = 'login.htm';
                //连接至ashx文件失败时，执行函数
                //XMLHttpRequest在这个例子里没有用到
                //textStatus是表示状态的字符串，这里textStatus的值是"error"
                //errorThrown包含连接失败的信息，可以输出查看
            }
        });
//}
    }

    //玻璃选择按钮
    function btn(n){
        if(n=='D'){ $(".nav_d").addClass("active"); $(".nav_z").removeClass("active");$(".nav_j").removeClass("active"); bo=n;_cqval=4;}
        if(n=='Z'){ $(".nav_z").addClass("active"); $(".nav_d").removeClass("active");$(".nav_j").removeClass("active"); bo=n;_cqval=5;}
        if(n=='J'){ $(".nav_j").addClass("active"); $(".nav_d").removeClass("active");$(".nav_z").removeClass("active"); bo=n;_cqval=6;}
    }

        //单片玻璃时渲染此函数
		function show(mydata){
           
            var str='';
            //渲染表格头部
            d2_title.innerHTML =`	
            <li>序号</li>
            <li>单号</li>
            <li>客户</li>
            <li>数量</li>
            <li>面积</li>
            <li>切片</li>		
            <li>磨边</li>
            <li>钢化</li>
            <li>入库</li>
            <li>出库</li>`
    
            //渲染内容
            for( var i=0;i<mydata.length;i++){
                 str+=`
                        <ul class="nav">
                            <li>
                                <span>序号:</span>
                                <span>${i+1}</span>
                            </li>
                            <li>
                                <span>单号:</span>
                                <span class="${cq(mydata[i].CQ)}">${mydata[i].OrderID}</span>
                            </li>
                            <li>
                                <span>客户:</span>
                                <span>${mydata[i].CusName}</span>
                            </li>
                            <li>
                                <span>数量:</span>
                                <span>${mydata[i].DNums}</span>
                            </li>
                            <li>
                                <span>面积:</span>
                                <span>${mydata[i].Areas}</span>
                            </li>
                            <li>
                            <span>切片:</span>
                                ${stim(mydata[i].SNPS00,mydata[i].A,i) }
                            </li>
                            <li>
                                <span>磨边:</span>
                                ${stim(mydata[i].SNPS01,mydata[i].B,i) }
                            </li>
                            <li>
                                <span>钢化:</span>
                                ${stim(mydata[i].SNPS02,mydata[i].C,i) }
                            </li>
                            <li>
                                <span>入库:</span>
                                ${stim(mydata[i].SNPS03,mydata[i].H,i) }
                            </li>
                            <li>
                                <span>出库:</span>
                                ${stim(mydata[i].SNPS04,mydata[i].K,i) }
                            </li>
                        </ul>
                    </div>
                    `
            }
            d2.innerHTML=str;	
    
            //创建信息合计div,进行数据渲染倒页面上	
            var rows=mydata.length;
            //合计行数
            var total=0;
            //总数
            var area=0;
            //面积
            var Completed_total=0;
            //完工数量
            var Completed_area=0;
            //完工面积
            for(var i=0;i<mydata.length;i++){
                total+=mydata[i].DNums;
                area+=mydata[i].Areas;
                if(mydata[i].SNPS01=='完成'&&mydata[i].SNPS02=='完成'&&mydata[i].SNPS03=='完成'&&mydata[i].SNPS04=='完成'){
                    Completed_total+=mydata[i].DNums;
                    Completed_area+=mydata[i].Areas;
                }
            }	
            //计算后渲染倒页面上	 userdate  mydata[i].SNPS01
              d1.innerHTML=`  
                    <ul class="nav ">
                        <li class="nav-item">当前工序：${userdate[0].SC_DrProceName}</li>
                        <li class="nav-item">操作人员：${userdate[0].DoorCusName}</li>
                        <li class="nav-item">合计：${rows}行</li>
                        <li class="nav-item">总数: ${userdate[0].SumDNums}</li>
                        <li class="nav-item">面积: ${userdate[0].SumAreas}</li>
                        <li class="nav-item">完工数量: ${userdate[0].WGDNums}</li>
                        <li class="nav-item">完工面积: ${userdate[0].WGAreas}</li>
                    </ul>
            `		
//            d1.innerHTML=`  
//                    <ul class="nav ">
//                        <li class="nav-item">当前工序：${userdate[0].SC_DrProceName}</li>
//                        <li class="nav-item">操作人员：${userdate[0].DoorCusName}</li>
//                        <li class="nav-item">合计：${rows}行</li>
//                        <li class="nav-item">总数: ${total}</li>
//                        <li class="nav-item">面积: ${area.toFixed(2)}</li>
//                        <li class="nav-item">完工数量: ${Completed_total}</li>
//                        <li class="nav-item">完工面积: ${Completed_area}</li>
//                    </ul>
//            `		
         
        }


        //中空玻璃时渲染此函数
        function show_z(mydata){
            var str='';
            //渲染表格头部
            d2_title.innerHTML =`	
            <li>序号</li>
            <li>单号</li>
            <li>客户</li>
            <li>数量</li>
            <li>面积</li>
            <li>切片</li>		
            <li>磨边</li>
            <li>钢化</li>
            <li>中空</li>
            <li>入库</li>
            <li>出库</li>`
    
            //渲染内容
            for( var i=0;i<mydata.length;i++){
                str+=`
                        <ul class="nav">
                            <li>
                                <span>序号:</span>
                                <span>${i+1}</span>
                            </li>
                            <li>
                                <span>单号:</span>
                                <span class="${cq(mydata[i].CQ)}">${mydata[i].OrderID}</span>
                            </li>
                            <li>
                                <span>客户:</span>
                                <span>${mydata[i].CusName}</span>
                            </li>
                            <li>
                                <span>数量:</span>
                                <span>${mydata[i].DNums}</span>
                            </li>
                            <li>
                                <span>面积:</span>
                                <span>${mydata[i].Areas}</span>
                            </li>
                            <li>
                            <span>切片:</span>
                                 ${stim(mydata[i].SNPS00,mydata[i].A,i)}
                            </li>
                            <li>
                                <span>磨边:</span>
                                ${stim(mydata[i].SNPS01,mydata[i].B,i)}
                            </li>
                            <li>
                                <span>钢化:</span>
                                ${stim(mydata[i].SNPS02,mydata[i].C,i)}
                            </li>
                            <li>
                            <span>中空:</span>
                                 ${stim(mydata[i].SNPS03,mydata[i].E,i)}
                            </li>
                            <li>
                                <span>入库:</span>
                                ${stim(mydata[i].SNPS04,mydata[i].H,i)}
                            </li>
                            <li>
                                <span>出库:</span>
                                ${stim(mydata[i].SNPS05,mydata[i].K,i)}
                            </li>
                        </ul>
                    </div>
                    `
            }
            d2.innerHTML=str;	
    
            //创建信息合计div,进行数据渲染倒页面上	
            var rows=mydata.length;
            //合计行数
            var total=0;
            //总数
            var area=0;
            //面积
            var Completed_total=0;
            //完工数量
            var Completed_area=0;
            //完工面积
            for(var i=0;i<mydata.length;i++){
                total+=mydata[i].DNums;
                area+=mydata[i].Areas;
                if(mydata[i].SNPS01=='完成'&&mydata[i].SNPS02=='完成'&&mydata[i].SNPS03=='完成'&&mydata[i].SNPS04=='完成'){
                    Completed_total+=mydata[i].DNums;
                    Completed_area+=mydata[i].Areas;
                }
            }	
            //计算后渲染倒页面上	
            d1.innerHTML=`  
                    <ul class="nav ">
                        <li class="nav-item">当前工序：${userdate[0].SC_DrProceName}</li>
                        <li class="nav-item">操作人员：${userdate[0].DoorCusName}</li>
                        <li class="nav-item">合计：${rows}行</li>
                        <li class="nav-item">总数: ${total}</li>
                        <li class="nav-item">面积: ${area.toFixed(2)}</li>
                        <li class="nav-item">完工数量: ${Completed_total}</li>
                        <li class="nav-item">完工面积: ${Completed_area}</li>
                    </ul>
            `		
        
        }

        
         //夹层玻璃时渲染此函数
		function show_j(mydata){
            var str='';
            //渲染表格头部
            d2_title.innerHTML =`	
            <li>序号</li>
            <li>单号</li>
            <li>客户</li>
            <li>数量</li>
            <li>面积</li>
            <li>切片</li>		
            <li>磨边</li>
            <li>钢化</li>
            <li>夹胶</li>
            <li>中空</li>
            <li>入库</li>
            <li>出库</li>`
            //渲染内容
            for( var i=0;i<mydata.length;i++){
                 str+=`
                        <ul class="nav">
                            <li>
                                <span>序号:</span>
                                <span>${i+1}</span>
                            </li>
                            <li>
                                <span>单号:</span>
                                <span class="${cq(mydata[i].CQ)}">${mydata[i].OrderID}</span>
                            </li>
                            <li>
                                <span>客户:</span>
                                <span>${mydata[i].CusName}</span>
                            </li>
                            <li>
                                <span>数量:</span>
                                <span>${mydata[i].DNums}</span>
                            </li>
                            <li>
                                <span>面积:</span>
                                <span>${mydata[i].Areas}</span>
                            </li>
                            <li>
                                <span>切片:</span>
                                ${stim(mydata[i].SNPS00,mydata[i].A,i) }
                            </li>
                            <li>
                                <span>磨边:</span>
                                ${stim(mydata[i].SNPS01,mydata[i].B,i) }
                            </li>
                            <li>
                                <span>钢化:</span>
                                ${stim(mydata[i].SNPS02,mydata[i].C,i) }
                            </li>
                            <li>
                                <span>夹胶:</span>
                                ${stim(mydata[i].SNPS03,mydata[i].D,i) }
                            </li>
                            <li>
                                <span>中空:</span>
                                ${stim(mydata[i].SNPS04,mydata[i].E,i) }
                            </li>
                            <li>
                                <span>入库:</span>
                                ${stim(mydata[i].SNPS05,mydata[i].H,i) }
                            </li>
                            <li>
                                <span>出库:</span>
                                ${stim(mydata[i].SNPS06,mydata[i].K,i) }
                            </li>
                        </ul>
                    </div>
                    `
            }
            d2.innerHTML=str;	
    
            //创建信息合计div,进行数据渲染倒页面上	
            var rows=mydata.length;
            //合计行数
            var total=0;
            //总数
            var area=0;
            //面积
            var Completed_total=0;
            //完工数量
            var Completed_area=0;
            //完工面积
            for(var i=0;i<mydata.length;i++){
                total+=mydata[i].DNums;
                area+=mydata[i].Areas;
                if(mydata[i].SNPS01=='完成'&&mydata[i].SNPS02=='完成'&&mydata[i].SNPS03=='完成'&&mydata[i].SNPS04=='完成'){
                    Completed_total+=mydata[i].DNums;
                    Completed_area+=mydata[i].Areas;
                }
            }	
            //计算后渲染倒页面上	
            d1.innerHTML=`  
                    <ul class="nav ">
                        <li class="nav-item">当前工序：${userdate[0].SC_DrProceName}</li>
                        <li class="nav-item">操作人员：${userdate[0].DoorCusName}</li>
                        <li class="nav-item">合计：${rows}行</li>
                        <li class="nav-item">总数: ${total}</li>
                        <li class="nav-item">面积: ${area.toFixed(2)}</li>
                        <li class="nav-item">完工数量: ${Completed_total}</li>
                        <li class="nav-item">完工面积: ${Completed_area}</li>
                    </ul>
            `		
         
        }


        //方法如果是null返回一个提交表单
        function stim(snps,proce,i){
            //alert(mydata[i][userdate[0].SC_Proc05]);
    //        alert(proce);
            if(proce=="未完成")
            {
                return  `<span>${snps}</span>`
            }
            else
            {
                 return  (snps==null? `<div class="myselect">
                 <select name="">
                     <option value=""></option>
                     <option value="缺片{0}片">缺片{0}片</option>
                     <option value="钢坏{0}片">钢坏{0}片</option>
                     <option value="损坏{0}片">损坏{0}片</option>
                 </select>
                 <input type="text"  >
                 <button type="button"  onclick="Login_WG(event,'${mydata[i].CusOrderOutID}')">提交</button>
                  </div>`: (snps.indexOf("完工")==-1&&snps.indexOf("未完成")==-1)?`<div class="myselect"><span>${snps}</span>
                 <select name="">
                     <option value=""></option>
                     <option value="缺片{0}片">缺片{0}片</option>
                     <option value="钢坏{0}片">钢坏{0}片</option>
                     <option value="损坏{0}片">损坏{0}片</option>
                 </select>
                 <input type="text"  >
                 <button type="button"  onclick="Login_WG(event,'${mydata[i].CusOrderOutID}')">提交</button>
                  </div>`: `<span>${snps}</span>`)
        
            }
        }
        
        //根据字母返回颜色
        function cq(color){
            console.log(color);
            if(color=='R'){ return 'text-danger'};
            if(color=='B'){ return 'text-black'};
            if(color=='G'){ return 'text-success'};
        }








